﻿body {
    background: #f1f1f1 url(../images/body_bg2.jpg) 0 0 repeat;
    font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
	color: #666666;
}

.clear{
    clear:both;
}
.b{font-weight:bold;}
.red{color:#c40000}
.fl{float:left}
.fr{float:right}
.clearfix::after {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
	visibility: hidden;
	content: ".";
}
.body{
	
	margin:auto;
	min-height:100%;
	background-color: #f1f1f1 url(../images/body_bg2.jpg) 0 0 repeat;
	position:relative;
}
.header{background:#e1171e; height:44px; line-height:44px;position:relatve; text-align:center; font-size:22px; color:#fff;text-shadow: 0 -1px #a11217;overflow:hidden}
.header .ss{position:absolute; top:0px; left:10px;}
.header .car{position:absolute; top:0px; right:10px;}
.cart_num{position: absolute;
	top: 8px;
	right: 24px;
	width:18px;
	height: 18px;
	background-position: 0 0;
	color: #fff;
	text-align: center;
	background:#2aa7ff;
	border-radius:18px;
	line-height:18px;
	border:1px solid #2aa7ff;
	font-size:12px;

	display: inline-block;
}

.sort{background-color: #fff;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);box-shadow: 0 1px 1px rgba(0,0,0,.2);margin: 10px;}
.sort_ul1 {display: -webkit-box;-webkit-box-pack: justify;padding:0 7px;border-bottom:1px solid #ccc}
.sort_ul1 li{width:50%; position:relative;font-size: 100%;vertical-align: baseline; border-right:1px solid #ccc; padding:7px 0}
.sort_ul2 li{width:33.3%; }
.sort_ul1 li.n{border:none}
.sort_ul1 li span{padding-left:10px; color:#000; }
.sort_ul1 li img{ float:right; padding-right:10px;padding-top:10px;}

.quik_link {}
.quik_link ul{display: -webkit-box;-webkit-box-pack: justify;padding:10px;padding-top:0px}
.quik_link li{width: 49.2%;background:url(../images/ss.png) 0 0 repeat-x; padding:7px 0px; text-align:center;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);box-shadow: 0 1px 1px rgba(0,0,0,.2); font-weight:bold}




.hot_sort {margin:10px; margin-top:15px}
.hot_sort h2{font-size:16px; color:#333; margin-bottom:10px; }
.hot_sort  ul{display: -webkit-box;-webkit-box-pack: justify;}
.hot_sort  ul li{width:25%;background-image: -moz-linear-gradient(top, #fff, #f3f3f3); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f3f3f3)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f3f3f3', GradientType='0'); /* IE*/line-height:80px; text-align:center;-webkit-box-shadow: 0 2px 2px rgba(255,255,255,.9);box-shadow: 0 2px 2px rgba(255,255,255,.9);}
.hot_sort  ul li.st2{background-image:none;-moz-box-shadow:3px 3px 3px #ddd inset;              
    -webkit-box-shadow:3px 3px 3px  #ddd inset;           
    box-shadow:3px 3px 3px #ddd inset; 
}

.gallery span.price{font-size:14px;}
.cost_price{color: #999;font-family: Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}

footer{margin:25px 0px; text-align:center;color:#fff; background:#c20a09; padding:5px}
footer a{color:#fff}

/*ss*/


.mobile_okhqb_header{ width:auto; background:#e1171e; padding:12px 0px; }
.search{ position:relative; left: 0;width: 100%;height: 30px;}
.search .inner:before{ background:url(../images/query_icon.png) no-repeat; width:28px; height:28px; position:absolute; left:10px; top:6px;content: ''; z-index:99;}
.search .inner{z-index: 1;position: relative;width:65.125%;margin-left:7px;}
.search .inner .search_border {  height: 30px; position: relative; width:100%;}
.search .inner .search_border .search_bg {  background:none;height: 30px; opacity: 0.5;width: 100%;}
.search .inner .search_border .search_conn { height: 30px;left: 0;position: absolute; top: 0;width: 100%;}
.search .inner .search_border .search_conn .search_key {border: 0 none;color:#000; font-family: "微软雅黑"; padding-top:3px; height: 27px;  line-height: 30px; padding-right: 5px; text-indent: 1em; width:100%; padding-left:25px; border-radius:6px; }
.search .inner .search_border .search_conn .search_btn { position:absolute;  background:none; border: 0 none; cursor: pointer;height: 30px;width:65px; margin-top:0px; font-family: "微软雅黑"; color:#FFF; text-align:center; line-height:30px; font-size:20px;}
.hot_key ul li{ border-bottom:1px solid #ddd;width:100%;height: 42px;line-height: 42px;font-size:1.0714em; color:#3e3e3e;}
.hot_key ul li a{float: left;text-indent: 12px;width: 100%;display: block;  color:#3e3e3e;}



/*list*/
.dib-wrap {
	font-size: 0;
	letter-spacing: -.31em;
	margin-left:10px;
	margin-top:5px;
}
.go-back {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-top: 5px;
	border-color: #FFF;
	border-style: solid;
	border-width: 4px 0 0 4px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.filter{ width:100%;  height:45px; margin:0 auto; position:relative; }
.filter ul{ width:100%;}
.filter li{ position:relative; width:33.3%; height:45px;float:left;  background-color:#f7f8f9; border-bottom:1px solid #ededed;}
.filter li a{position: relative;display: block;text-align: center;line-height: 44px;
font-size: 1.07142em;color:#393939;font-weight:bold;width:99%;border-right:1px solid #ededed;}
.filter li .sort_up{ background:url(../images/icons.png) no-repeat -130px 0; display:inline-block; width:10px; height:6px; margin:-3px 0 0 5px;}
.filter li .sort_down{background:url(../images/icons.png) no-repeat -149px 0; display:inline-block;width:10px; height:6px; margin:-3px 0 0 5px;}
.filter li a.current{ border-bottom:3px solid #e1171e;}


.items{
   margin-top:15px;
}
.items *{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.items ul{
   width: 100%;
	padding: 0 10px;
}

.items ul li{
   height: 198px;
   margin: 0 auto;
} 

.items ul  .module {
	margin-right: 2%;
	float: left;
	background-color: #FFF;
	padding: .7em .5em;
	width: 49%;
	box-shadow: 0 1px 1px 0px rgba(0, 0, 0, .2);
}

.items ul  .module a {
  display: block;
}
.items ul  .module .img {
	height: 8.5em;
	line-height: 8.5em;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	padding: 2px;
}
.items ul  .module img {
  max-height: 8.5em;
}
.items ul  .module  .g-title {
	font-size: .857em;
	height: 2.6em;
	line-height: 1.4em;
	overflow: hidden;
	color: #333333;
	width: 100%;
	margin-top: 6px;
	text-align: left;
	word-break: break-all;
}
.items ul  .module .g-price {
	font-size: 1.07em;
	color: #ff0000;
	text-align: left;
}
.items ul  li:first-child {
   margin-top: 0px;
}
.items ul  .module:last-child {
  margin-right: 0px;
}

.ui-number {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #e3e3e3;
	letter-spacing: 0;
	height: 32px;
	line-height:32px;
	overflow: hidden;
}

.ui-section-box {
	margin: 8px;
	background-color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	padding:10px;
	line-height:28px;
	color:#666
}

.s-summary {
	background-color: #fff;
	padding: 0 .15rem;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	padding:10px;
	line-height:28px;
}
.itemname{font-size:18px; color:#000}

.ui_color_strong, .mod_color_strong {
	color: #C80801;
	font-size: 20px;
}
.num {
	height: 100%;
	width: 50px;
	border: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.05);
	font-weight: 700;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	float:left;
	text-align:center;
}

.ui-number {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #e3e3e3;
	letter-spacing: 0;
	height: 32px;
	line-height:32px;
	overflow: hidden;
	}

.mod_btn.btn_em {
color: white;
background-color: #202020;
background-image: -webkit-gradient(linear,left top,left bottom,from(#2F2F2F),to(#202020));
background-image: -webkit-linear-gradient(top,#2F2F2F,#202020);
background-image: linear-gradient(to bottom,#2F2F2F,#202020);
}

.mod_btn.btn_block {
display: block;
height: 40px;
line-height: 40px;
font-size: 17px;
}
.mod_btn.flex_box {
width: 45%;
float:left;

}
.qb_flex{margin-top:15px}
.qb_flex .flex_box.mod_btn, .qb_flex .flex_box.mod_select {
margin-right: 10px;text-align:center
}
.mod_btn.btn_strong {
color: white;
background-color: #D20816;
background-image: -webkit-gradient(linear,left top,left bottom,from(#FF0B1C),to(#D20816));
background-image: -webkit-linear-gradient(top,#FF0B1C,#D20816);
background-image: linear-gradient(to bottom,#FF0B1C,#D20816);
}
.qb_flex .flex_box.mod_select:last-child, .qb_flex .flex_box.mod_btn:last-child {
margin-right: 0;
}













